page {
	background: $uni-bg-color-grey;
}

.status-section {
	height: 160upx;
	background-color: $uni-bg-color-pink;
	display: flex;
	align-items: center;
	padding: 30upx;

	.iconfont {
		font-size: 26px;
		color: #ffffff
	}

	.label-text {
		color: $uni-bg-color;
		margin-left: 30upx;
	}
}

.product-section {
	margin-top: 16upx;
	background: $uni-bg-color;
	padding-bottom: 1px;

	.product-header {
		display: flex;
		align-items: center;
		height: 84upx;
		padding: 0 30upx;
		position: relative;
		
		.name {
			font-size: 30upx;
			color: $uni-text-color;
			margin-left: 24upx;
		}
	}

	.product-list {
		display: flex;
		margin: 20upx 30upx;
	}
}

.yt-list {
	margin-top: 16upx;
	background: $uni-bg-color;
}

.yt-list-cell {
	display: flex;
	align-items: center;
	padding: 10upx 30upx 10upx 40upx;
	line-height: 70upx;
	position: relative;

	&.cell-hover {
		background: #fafafa;
	}

	&.b-b:after {
		left: 30upx;
	}

	.cell-tit {
		flex: 1;
		font-size: 26upx;
		color: $uni-text-color-light;
		margin-right: 10upx;
	}

	.cell-tip {
		font-size: 26upx;
		color: $uni-text-color-dark;

		&.disabled {
			color: $uni-text-color-light;
		}

		&.active {
			color: $uni-text-color;
		}

		&.red {
			color: $uni-text-color-red;
		}
	}

	&.note-cell {
		.cell-tit {
			max-width: 90upx;
		}
	}

	.note {
		flex: 1;
		font-size: $uni-font-size-base;
		color: $uni-text-color-dark;
	}

}
